﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Museo del Prado - Obras Maestras</title>
    <style type="text/css">


body {margin:0; padding:0; font-family:Arial; color:#7d7d7d}

.contenedor {width:490px}
.linea-puntos {
	width:490px;
	clear:both;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/linea-puntos.gif) repeat-x;
	font-size:1px;
	margin:5px 0 8px 0
}
.contenedor p {
	font-size:11px;
	color:#666;
	width:490px;
}

h1 {font-size:18px; font-weight:bold; color:#999; margin:3px 0 0 0}
img {border:4px solid #ccc}
#caja-cuadros {width:490px; margin-top:12px}
	#caja-cuadros a{text-decoration:none}

.logo {border:0}

#capa1 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 51px;
	top: 160px; *top:179px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 9px
}

#capa2 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 151px;
	top: 160px; *top:179px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 9px
}
#capa3 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 215px;
	top: 160px; *top:179px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:7px 6px 2px 9px
}
#capa4 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 307px;
	top: 160px; *top:179px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:5px 6px 2px 3px
}
#capa5 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 224px;
	top: 160px; *top:179px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa6 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 54px;
	top: 245px; *top:259px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa7 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 150px;
	top: 245px; *top:259px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}

#capa8 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 219px;
	top: 245px; *top:259px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa9 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 307px;
	top: 245px; *top:259px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa10 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 224px;
	top: 245px; *top:259px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa11 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 54px;
	top: 328px; *top:343px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa12 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 150px;
	top: 328px; *top:343px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa13 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 219px;
	top: 328px; *top:343px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}
#capa14 {
	position:absolute;
	width:136px;
	height:51px;
	z-index:1;
	left: 307px;
	top: 328px; *top:343px;
	visibility:hidden;
	background:url(http://madgigapixel.googlecode.com/svn/trunk/img_bocata/fondo-capa.gif) no-repeat;
	font:normal 11px Arial; 
	color:#000;
	padding:12px 6px 2px 12px
}

.gris {color:#999}
</style>

    <script type="text/javascript">
<!--


	//var rutaDescarga = "http://89.17.221.55/gigaproject/data/index.php?hash" + Math.random(5050505005); 
	//var rutaDescarga = "http://www.w3schools.com/xml/note.xml";
		var rutaDescarga = "http://89.17.221.55/gigaproject/data/index.php?hash";//"http://madgigapixel.googlecode.com/svn/trunk/index.xml"; 
    var rutaImagenesLaterales = "http://madgigapixel.googlecode.com/svn/trunk/img_citas/";
    var rutaImagenesBocata = "http://madgigapixel.googlecode.com/svn/trunk/img_bocata/";
   
		var http_request = false;

    function makeRequest(url) {
    		debugger;
        http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // Ver nota sobre esta linea al final
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Su navegador no admite AJAX');;
            return false;
        }
        http_request.onreadystatechange = alertContents;
        http_request.open('GET', url, true);
        http_request.send(null);

    }

    function alertContents() {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) 
            {
            	cargarCuadros();
            } else {
                alert('Hubo problemas con la petición. Por favor inténtelo más tarde.');
            }
        }

    }

        
    function cargarCuadros()
    {
         var strHtmlCuadroActivo = '<a href="#" title="[TITULO]"><img src="[IMG]" alt="" onmouseover="MM_showHideLayers(\'[CAPA]\',\'\',\'show\')" onmouseout="MM_showHideLayers(\'[CAPA]\',\'\',\'hide\')" /></a><div id="[CAPA]">[TITULO]<br /><span class="gris">(Disponible [DIS])</span></div>';
         var strHtmlCuadroInactivo = '<a href="#" title="[TITULO]"><img src="[IMG]" alt="" onmouseover="MM_showHideLayers(\'[CAPA]\',\'\',\'show\')" onmouseout="MM_showHideLayers(\'[CAPA]\',\'\',\'hide\')" /></a><div id="[CAPA]">[TITULO]<br /><span class="gris">(Disponible [DIS])</span></div>';

				if (http_request.responseXML.xml.length>0)
				{
					alert("buen tamaño");
				}
				else
				{
					alert("mal tamaño");
				}
	  }



	function reemplazar(cadena,quitar,poner)
	{
		return cadena.split(quitar).join(poner);
	}	

    function MM_showHideLayers() { //v9.0
      var i,p,v,obj,args=MM_showHideLayers.arguments;
      for (i=0; i<(args.length-2); i+=3) 
      with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
        if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
        obj.visibility=v; }
    }
//-->

    </script>

</head>
<body>
    <div class="contenedor" style="">
        <img src="http://madgigapixel.googlecode.com/svn/trunk/img_bocata/logo.gif" alt="Museo del Prado"
            class="logo" />
        <h1>
            Obras Maestras
        </h1>
        <div class="linea-puntos">
            &nbsp;
        </div>
        <p>
            Disfruta en <strong>Google Earth</strong> de las <strong>Obras Maestras</strong>
            del Museo Nacional del Prado con las im&aacute;genes <strong>m&aacute;s grandes del
                mundo</strong>, y sobrevuela una reproducci&oacute;n en 3D del museo.
            <br />
            Durante los pr&oacute;ximos d&iacute;as podr&aacute;s ver una Obra Maestra diferente.
            Para verlas todas juntas utiliza <a href="#">Google Earth</a>
            <br />
        </p>
        <div id="caja-cuadros">
        </div>
</div>
</body>
    <script language="javascript">              

        makeRequest(rutaDescarga);
    </script>
</html>
